<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>15. JS-事件-常见事件
</head>
<body>
<input type="button" id="btn1" value="事件绑定1" onclick="on()">
<input type="button" id="btn2" value="事件绑定2">
</body>
<script>
    /*事件绑定*/
    //方式一:通过HTML标签中的事件属性进行绑定
    function on() {
        alert("按钮1被点击了");
    }

    //方式二:通过DOM元素属性绑定
    document.getElementById("btn2").onclick = function () {
        alert("按钮2被点击了");
    }
</script>
</html>